import React from 'react';

import './HeaderNavComponent.css'
import { useHistory } from 'react-router-dom';
const HeaderNavComponent = () => {
    const history = useHistory()
    const btnBoBack = ()=>{
        history.goBack()
    }

    const goCart = ()=>{
        history.push('/home/cart')
    }
    return (
        <div className='header-icons'>
            <div className="headerLeft-icon" onClick={()=>btnBoBack()}>
                <span className='iconfont icons-bg'>
                    &#xe60c;
                </span>
            </div>
            <div className="headerRight-icons">
                <div className="icons-item icons-bg">
                    <span className='iconfont'>
                        &#xe6c9;
                    </span>
                </div>
                <div className="icons-item  icons-bg" onClick={()=>goCart()}>
                    <span className='iconfont'>
                        &#xe70b;
                    </span>
                </div>
                <div className="icons-item icons-bg">
                    <span className='iconfont '>
                        &#xe69b;
                    </span>
                </div>
            </div>
        </div>
    )
}

export default HeaderNavComponent